<template>
	<div class="about">
		<div class="about-box">
			<div class="player">
				<video id="videoplayer" preload="metadata" controls="controls" src="http://static.udz.com/statics/player/udz.mp4" style="width: 100%; height: 100%;" poster="http://static.udz.com/statics/player/videoposter.jpg"></video>
			</div>
			<div class="content">
				<span class="title">关于我们———</span>
				<p>优定制（UDZ.COM）是全球领先的C2B定制电商，让你的好创意走向市场更简单。</p>
				<p>在优定制，你只需要利用智能化在线设计工具，即可创做出独一无二的个性化服装、家居家纺、3C配件、珠宝首饰等产品，并立即在市场中销售。</p>
				<p>优定制拥有顶级的强大供应链与全链条服务生态系统，让卖家无需烦心打样、生产、发货、客服、退换货等麻烦，即可轻松获取丰厚利润，打造个人品牌。</p>
				<span class="start">开始设计</span>
			</div>
		</div>

	</div>
</template>

<script>
</script>

<style lang="less" rel="stylesheet/less">
	.about {
		/*width: 1200px;*/
		box-sizing: border-box;
		font-family: "微软雅黑";
		height: 490px;
		margin-top: 60px;
		padding-top: 30px;
		background-color: #f8f8f8;
		.about-box {
			width: 1200px;
			margin: 0 auto;
			.player{
				/*display: inline-block;*/
				/*padding-top: px;*/
				float: left;
				width: 570px;
				height: 320px;
			}
			.content{
				/*padding-top: 20;*/
				/*display: inline-block;*/
				float: right;
				width: 510px;
				height: 400px;
				font-size: 1.2rem;
				.title{
					padding-top: 20px;
					font-size: 1.75rem;
					font-weight: bold;
				}
				p{
					margin: 0;
					line-height: 30px;
					padding-top: 20px;
					
				}
				.start{
					display: inline-block;
					width: 160px;
					height: 40px;
					line-height: 40px;
					text-align: center;
					background-color: #4fc0e8;
					color: white;
					border-radius: 5px;
					margin-top: 30px;
				}
			}
		}
	}
</style>